<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <title>订单详情</title>
    <link
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
      rel="stylesheet"
    />
  </head>
  <body>
    <div class="container mt-5">
      <h1 class="text-center">订单详情</h1>
      <p>订单号: {{ order.id }}</p>
      <p>状态: {{ order.get_status_display }}</p>
      <p>总金额: {{ order.total_amount }}</p>
      <p>配送地址: {{ order.delivery_address }}</p>
      <ul class="list-group mt-4">
        {% for item in order.items.all %}
        <li class="list-group-item">
          {{ item.dish.name }} x {{ item.quantity }} - 单价: {{ item.price }}
        </li>
        {% endfor %}
      </ul>
    </div>
  </body>
</html>
